Ext.onReady(function(){
	
	var form_agregar = Ext.create('Ext.form.Panel', {
					frame:true,
					bodyStyle:'padding:20px 20px 0',
					width: 300,
					heigth: 150,
					fieldDefaults: {
						msgTarget: 'side',
						labelWidth: 75
					},
					defaultType: 'textfield',
					defaults: {
						anchor: '100%'
					},
				
				items: [{
					xtype: 'textfield',
					name: 'nombre',
					fieldLabel: 'Nombre del Proyecto',
					width: "100%",
					allowblank: false
				},
				{
					xtype: 'textareafield',
					name: 'descripcion',
					fieldLabel: 'Descripcion',
					width: "100%",
					allowblank: false
				}],

					buttons: [{
						text: 'Guardar',
						handler: function() {
							form_agregar.getForm().submit({
							url: "/proyecto/agregar",
							params: {
								submit: "submit",
							},
							method: "post",
							waitTitle:'Conectando', 
							waitMsg:'Enviando datos...',
							success: function() {							
								Ext.Msg.alert(":D", "El proyecto fue creado con exito");
							},
							failure: function() {
								Ext.Msg.alert(":(", "No se pudo crear el proyecto");
							}	
						})
							
						}
					}]
				});

				Ext.create('Ext.panel.Panel', {
					title: 'Crear Proyecto',
					closable:true,
					height: 500,
					width: 642,
					items: form_agregar,
					renderTo: Ext.Element.get('acciones'), 
				}).show();

						
});
